<template>
  <div class="account">

    <dl class="btn">
        <dt @click="o_c_AcFn">登录/注册</dt>
    </dl>
    <AcCpn ref="acEl"></AcCpn>
  </div>
</template>

<script>
  import AcCpn from "@/components/account_cpn.vue";
  export default{
    name: 'Account',
    data(){
      return{

      }
    },
    components:{
      AcCpn
    },
    // created(){
    //     this.$nextTick(() => {
    //       // 禁用右键
    //       document.oncontextmenu = new Function('event.returnValue=false')
    //       // 禁用选择
    //       document.onselectstart = new Function('event.returnValue=false')
    //       //禁止f12
    //       document.οnkeydοwn = new Function('event.returnValue=false')
    //     })

    //     // 上面的禁止f12那段代码没有生效，但是加了下面这段就能生效。
    //     document.onkeydown = function (e) {
    //       if (e && e.keyCode === 123) {
    //         e.returnValue = false
    //         // e.keyCode = 0   //去掉也可以的，倘若要写，则需要setter 以及 getter配合使用，不配合，会报错
    //         return false
    //       }
    //     }
    //   },
    methods:{
      o_c_AcFn(){
        let that=this;
        this.$refs.acEl.opera_AcPopFn(true);
      }
    }
  }
</script>

<style lang="less" scoped="scoped">
  .btn{
    display: flex;
    flex-direction: row-reverse;
    padding: 15px;
    dt{
      color: #000;
      font-size: 15px;
      line-height: 24px;
      cursor: pointer;
    }
    dt:hover{
      color: #2254f4;
      font-weight: bolder;
    }
  }
</style>
